<%-- 
    Document   : navbar
    Created on : Oct 16, 2012, 2:50:39 PM
    Author     : natz
--%>

<%@page import="com.myweb.MyWeb"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--[if lt IE 7]>
        <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
    <![endif]-->
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="${path}">CliniQ</a>
      <div class="nav-collapse collapse">
        <c:if test="${sessionScope['myweb.user'] != null}">
          <ul class="nav">
            <li>
              <div class="btn-group">
                <a href="${path}/clients" class="btn btn-primary">Clients</a>
                <button class="btn dropdown-toggle btn-primary" data-toggle="dropdown">
                  <span class="caret white-caret"></span>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="${path}/clients/create.jsp" >Create</a></li>
                </ul>
              </div>
            </li>
            <li class="divider-vertical"></li>
            <li>
              <div class="btn-group">
                <a href="${path}/visits" class="btn btn-warning">Visits</a>
                <button class="btn dropdown-toggle btn-warning" data-toggle="dropdown">
                  <span class="caret white-caret"></span>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="${path}/visits/create.jsp" >Create</a></li>
                </ul>
              </div>
            </li>
            <li class="divider-vertical"></li>
            <li>
              <div class="btn-group">
                <a href="${path}/users" class="btn btn-success">Users</a>
                <button class="btn dropdown-toggle btn-success" data-toggle="dropdown">
                  <span class="caret white-caret"></span>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="${path}/users/create.jsp" >Create</a></li>
                </ul>
              </div>
            </li>

          </ul>
          <ul class="nav pull-right">
            <li>
              <div style="display:none;" id="loading" class="label label-warning pull-right">Loading...</div>
            </li>
            <li>
              <div class="btn-group"><a class="btn btn-danger" href="${path}/logout.jsp">Logout</a></div>
            </li>
          </ul>
        </c:if>
      </div>
    </div>
  </div>
</div>
<div class="modal hide fade" id="error-modal" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 class="error">Oppps. Error</h3>
  </div>
  <div class="modal-body">
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>
<div class="modal hide fade" id="success-modal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 class="error" >Yaay! Success</h3>
  </div>
  <div class="modal-body">
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>

